﻿<div data-bind="visible: pagesCount() > 1">
    <ul class="pagination">
        <li class="arrow" data-bind="css: { unavailable: isFirst() }">
            <a href="javascript:void(0)" data-bind="click: goToFirst">&laquo;</a>
        </li>
        <!-- ko foreach: neighbourPages -->
        <li data-bind="css: { current: $data == $parent.pageNumber() }">
            <a href="javascript:void(0)" data-bind="text: $data, href: $parent.getLinkTo($data)"></a>
        </li>
        <!-- /ko -->
        <li class="arrow" data-bind="css: { unavailable: isLast() }">
            <a href="javascript:void(0)" data-bind="click: goToLast">&raquo;</a>
        </li>
    </ul>
</div>
